<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>个人资料</title>
		<link
			rel="stylesheet"
			href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"
		/>
		<script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
	</head>
	<body>
		<!-- 头部 -->
		<header>
			<span class="backkey">&lt;</span>
			<p>个人资料</p>
		</header>
		<!-- 主体 -->
		<main>
			<div class="weui-cells">
				<!-- 更换头像 -->
				<div class="weui-cell weui-cell_access">
					<div class="weui-cell__bd">
						<p>更换头像</p>
					</div>
					<div class="weui-cell__ft">
						<label>
							<input type="file" style="display: none" id="avatarbtn" />
							<img
								src="../../assets/images/avatar1.webp"
								alt=""
								id="avatarImg"
								data-value=""
							/>
						</label>
					</div>
				</div>
				<!-- 昵称 -->
				<div class="weui-cells">
					<div class="weui-cell weui-cell_example">
						<div class="weui-cell__bd">
							<p>昵称</p>
						</div>
						<div class="weui-cell__ft">
							<input
								id="nickname"
								class="weui-input"
								type="text"
								placeholder="用户名"
							/>
						</div>
					</div>
				</div>
				<!-- 性别 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>性别</span>
					</span>
					<span class="weui-cell__ft" id="gender" data-value="0">未选择</span>
				</div>
				<!-- 生日 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>生日</span>
					</span>
					<span class="weui-cell__ft" id="birthday" data-value="0">未选择</span>
				</div>
				<!-- 所在省份 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在省份</span>
					</span>
					<span class="weui-cell__ft" id="province" data-value="0">未选择</span>
				</div>
				<!-- 所在城市 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在城市</span>
					</span>
					<span class="weui-cell__ft" id="city" data-value="0">未选择</span>
				</div>
				<!-- 个人简介 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>个人简介</span>
					</span>
				</div>
				<div class="weui-cells__group weui-cells__group_form">
					<div class="weui-cells weui-cells_form">
						<div class="weui-cell weui-cell_active">
							<div class="weui-cell__bd">
								<textarea
									class="weui-textarea"
									id="sign"
									placeholder="说句话介绍一下自己吧"
									rows="3"
									maxlength="140"
								></textarea>
								<div aria-live="polite" class="weui-textarea-counter">
									<span id="textNum">0</span>/140字
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 保存按钮 -->
			<button type="button" class="weui-btn weui-btn_primary" id="saveBtn">
				保存信息
			</button>
		</main>
	</body>
</html>
